/* 设置总容器 */
.wrapper{
	width: 100%;
	height: 100%;
} 

/* 头部 */
.wrapper header{
	width: 100%;
	background-color: #0097FF;
	
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:5vw;
	height: 12vw;
	color: white;
	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

/* 未支付订单 */
.wrapper h3{
    margin-top: 12vw;
	padding: 4vw;
	box-sizing: border-box;
	font-size: 4vw;
	font-weight: 400;
	color: #666;
}

.wrapper .order{
	width: 100%;
}

.wrapper .order li{
	width: 100%;
}

.wrapper .order li .order-info{
	box-sizing: border-box;
	padding: 2vw 4vw;
	font-size: 4vw;
	color: #666;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrapper .order li .order-info .order-info-right{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.wrapper .order li .order-info .order-info-right .order-info-right-icon{
	background-color: #f90;
	color: white;
	border-radius: 5px;
	padding: 0.5vw;
	box-sizing: border-box;
	margin-left: 2vw;
	cursor: pointer;
}

.wrapper .order li .order-detailet{
	width: 100%;
}

.wrapper .order li .order-detailet li{
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1vw 4vw;
	box-sizing: border-box;
	color: #666;
	font-size: 3vw;
	justify-content: space-between;
}



/* 底部菜单 */
.wrapper .footer{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 14vw;
	justify-content: space-around;
	align-items: center;
	border-top: 1px solid #ddd;
	/* 永远出现在页面最下方 使用绝对定位 */
	position: fixed;
    left: 0;
	bottom: 0;
	background-color: white;
}
.wrapper .footer li{
	flex: 1;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #999;
	user-select: none;
}

.wrapper .footer li i.fa{
	font-size: 5vw;
}

.wrapper .footer li p{
	font-size: 2.8vw;
}

/* 选择菜单高亮显示 */
.wrapper .footer li.checked{
	background-color: #0097ff;
	color: white!important;
}